<template>
  <div>
    <el-row>
        <el-col :span="24">
            <div class="modulename">
                认证类型
            </div>
        </el-col>
        <el-col :span="24">

            <div>
                <el-row :gutter="24">
                    <el-col v-for="(item,index) in renzhengarr" :key="index" :span="8">
                        <div class="rzcard">

                            <div v-html="item.icon"></div>
                            <div class="rzname">{{ item.rzname }}</div>
                            <div class="desc">{{ item.desc }}</div>

                        </div>
                    </el-col>
                </el-row>
            </div>

        </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
    data() {
        return {
            renzhengarr:[
                {
                    icon:'<svg t="1754188844415" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6881" width="50" height="50"><path d="M826.492061 0.061707l3.125788 0.350304c55.24023 9.485152 109.294816 193.825841 97.168912 343.567284-15.116961 186.38862-116.812877 325.594-317.375331 383.394143l-3.718611 0.997019 3.098843 0.485036c15.009175 2.155716 32.06628 3.503039 50.928797 3.826396l9.565991 0.08084c28.401562 0 37.482517 38.237018 12.125904 51.009637-137.804164 69.467958-295.494811 64.05172-471.131796-14.82055C168.78302 833.946662 148.222876 907.941624 148.222876 991.017541a26.946454 26.946454 0 1 1-53.892908 0C94.329968 759.924754 236.607244 591.239954 515.314414 487.550001a26.946454 26.946454 0 0 1 18.781678 50.497654c-130.232211 48.47667-227.023872 110.48046-291.102539 186.415566 111.666104 48.395831 213.335074 64.05172 305.653624 47.506598l3.853343-0.754501-1.212591-0.37725a185.526333 185.526333 0 0 1-13.06903-4.904255l-5.982112-2.667699c-14.470246-6.817453-25.329666-14.82055-31.257887-24.413487-12.934298-20.721823-0.808394-43.38379 20.66793-47.156294l3.341361-0.431143 9.431258-1.643733c215.302165-39.557394 320.393334-163.645813 337.82769-341.088211l0.808394-8.89233c5.631809-69.387118-3.071896-142.654526-21.664949-206.086477a439.577499 439.577499 0 0 0-13.203762-38.587322l-4.095861-9.862402-0.511983 1.347323c-46.671258 121.797971-127.133368 218.535739-203.284046 256.449399l-6.332417 3.04495c-35.03039 15.979247-67.608652 8.89233-63.081648-31.662083 0.619768-5.497077 1.994038-11.155832 4.392272-18.512214l4.284486-12.179797c2.398234-6.467149 8.542026-22.904486 10.697742-28.994384 4.203647-11.937279 7.652793-23.039218 10.293545-33.521389l1.320377-5.604862-21.718842 14.335513c-49.554528 32.335744-74.318319 45.270042-97.761734 53.138407l-22.527235 7.059971c-30.422546 9.835456-53.246192 19.940376-108.405583 48.773081-111.854729 58.527697-157.178664 151.223498-138.181415 283.988675a26.946454 26.946454 0 0 1-53.353978 7.625846C127.743571 475.370203 184.007766 360.308846 316.449586 291.029514l16.437337-8.515079c49.177278-25.30272 72.836264-35.084283 105.091169-45.296989l15.1978-4.688683 4.580897-1.562894c25.706917-9.107901 58.366019-28.617134 150.280372-91.510157a26.946454 26.946454 0 0 1 42.063414 20.021215c2.775485 33.063299-3.044949 65.318204-15.736729 103.420489l-4.095861 11.910333-2.748538 7.437221 2.748538-1.832359c63.916988-44.003559 131.229229-137.426914 165.828476-250.494233l3.044949-10.320492A26.946454 26.946454 0 0 1 826.492061 0.034761z" fill="#2e7d32" p-id="6882"></path></svg>',
                    rzname:'有机认证',
                    desc:'符合有机农业标准的产品认证'
                },
                {
                    icon:'<svg t="1754188789576" class="icon" viewBox="0 0 1412 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6453" width="50" height="50"><path d="M816.90392305 77.58723974l16.32399169 3.97237765 3.87927598 0.99309462a617.61170391 617.61170391 0 0 1 170.81226123 74.10968086l14.33780245 9.24819258 15.79641063 10.86197168a616.09102823 616.09102823 0 0 1 159.17443507 164.91576269l8.68957734 13.65505049 10.86197168 18.18604336 2.94824883 5.21374659a617.36343047 617.36343047 0 0 1 50.18230898 115.13689892 31.0342043 31.0342043 0 0 1-59.15119394 18.83776201 555.01571338 555.01571338 0 0 0-37.33414805-89.25437197l-7.69648272-14.12056318-2.57583867-4.53099375-10.24128808-17.19294961a553.99158457 553.99158457 0 0 0-135.61947334-149.02625039l-9.99301377-7.44820841-4.84133643-3.47583165-14.98952021-10.3654239a555.85363711 555.85363711 0 0 0-151.41588399-70.60281505l-14.74124766-4.09651523-3.72410419-0.99309463a555.82260293 555.82260293 0 0 0-177.29841006-16.19985498l-16.19985498 1.36550567-3.75513837 0.37241015-22.81014054 2.85514717a554.58123487 554.58123487 0 0 0-183.31904618 60.51669872l-9.40336437 5.21374571-14.89641766 8.65854317a555.45019277 555.45019277 0 0 0-187.44659562 186.112125l-7.75855107 12.97229677a559.26739951 559.26739951 0 0 0-56.66845781 137.54359511l-3.4137624 13.62401544 0.40344521-0.18620508a619.75306406 619.75306406 0 0 1 545.51924649 25.47908174l23.89633769 13.43781035a555.41915859 555.41915859 0 0 0 274.52857324 67.99594219 561.06738369 561.06738369 0 0 0 144.77456427-21.19636144c-98.99911231-147.62971055-249.29776494-244.30125761-451.98215509-291.25600928a31.0342043 31.0342043 0 0 1 13.99642647-60.45463035c340.13488183 78.76481133 547.19509394 292.12496719 617.20825957 635.89085067a31.0342043 31.0342043 0 1 1-60.82704053 12.41368155c-18.62052276-91.39573213-47.29612763-172.55017705-86.18198643-243.61850566a29.73076787 29.73076787 0 0 1-10.24128721 5.27581494 623.16682646 623.16682646 0 0 1-165.87782313 25.01356904 617.39446465 617.39446465 0 0 1-291.78359122-68.52352412l-13.65504961-7.23096914-13.25160527-7.44820928a558.2432707 558.2432707 0 0 0-552.7191832-3.4137624 31.0342043 31.0342043 0 0 1-45.96165614-30.94110175 618.72893526 618.72893526 0 0 1 78.516537-233.43928682A618.3565251 618.3565251 0 0 1 345.61849326 158.83478721l12.69299004-7.85165362 10.73783496-6.26890957 1.48964151-0.93102626 13.31367363-7.38614093A617.11515703 617.11515703 0 0 1 573.65782842 70.94592002l15.51710215-2.48273702 24.14461113-2.979283 4.53099375-0.46551357a618.57376435 618.57376435 0 0 1 199.02235342 12.56885331z" fill="#2e7d32" p-id="6454"></path></svg>',
                    rzname:'绿色食品认证',
                    desc:'安全、优质、营养的食品认证'
                },
                {
                    icon:'<svg t="1754188919799" class="icon" viewBox="0 0 1555 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7099" width="50" height="50"><path d="M1452.26071344 32.02133281a35.55476531 35.55476531 0 0 1 34.63034156 47.71449563c-131.5526325 361.27197187-326.89051313 497.12673094-671.62951875 574.10279718l-1.91995781 0.35554782a888.40692469 888.40692469 0 0 0-79.9626675 277.07828718c-4.90655719 40.81687031-63.64303031 42.09684188-70.36288032 1.52885532-7.96426781-48.1767075-27.02162156-88.56692063-60.65643-118.71736219l12.79971563-7.00428844c-163.76524969 91.660185-259.79867156 97.20672844-388.32914813 52.265505l-30.328215-10.98642281a690.86464781 690.86464781 0 0 0-18.98624531-6.57763125c-39.64356375-13.01304375-67.90960219-15.85742531-100.90442436-7.67982938-33.81258188 8.35537031-58.23870562-31.892625-35.19921751-58.0253775 245.96786719-279.06935437 461.96306719-326.85495844 628.60825312-126.36163593a35.55476531 35.55476531 0 0 1-54.68322937 45.43898999c-118.966245-143.14348594-265.59409781-128.17492969-453.89213532 57.17206313l-9.67089656 9.56423156 6.07986469 1.0666425c10.02644343 2.02662188 20.33732625 4.62211969 31.00375594 7.82204907l10.84420312 3.44881218 13.43970187 4.58656407 27.83938126 10.09755375c100.97553375 36.83473687 171.23175001 39.39468 287.10473062-16.49741157-53.54547655-18.06182062-125.010555-23.5017-218.16404062-13.72413937a35.55476531 35.55476531 0 1 1-7.43094563-70.71842813c193.98680063-20.40843562 316.29519375 23.53725469 380.43598969 109.54423219l2.38216969 3.30659344 3.59103094-13.79524875c54.71878406-204.33323719 176.06719875-386.12475281 363.26303906-544.69900688l15.28854844-12.79971562a35.55476531 35.55476531 0 1 1 45.26121655 54.86100281c-106.91317969 88.17581812-191.49796688 183.427035-253.93213499 285.82476 267.1940625-69.15401906 425.23499438-184.24479469 538.15693031-455.31432656l3.80436-9.38645813-11.73307313 0.67554-31.92817875 2.13328594c-435.97253438 32.07039844-626.01275531 174.18279563-590.45799 425.23499531l1.35108094 9.03091032a35.55476531 35.55476531 0 0 1-70.22066156 11.34197062C644.63421687 224.47927813 904.75288062 50.9720225 1452.22515875 32.02133281z" fill="#2e7d32" p-id="7100"></path></svg>',
                    rzname:'GAP认证',
                    desc:'良好农业规范认证'
                },
                {
                    icon:'<svg t="1754120865463" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" width="50" height="50"><path d="M491.724009 36.891739s-136.384586 220.710439-409.175675 220.710439c0 0-17.604233 496.622597 409.175675 730.071558 0 0 453.602692-212.237087 453.602692-751.292198-0.008767 0.008767-304.76013 38.193646-453.602692-199.489799z" fill="#2e7d32" p-id="10925" data-spm-anchor-id="a313x.search_index.0.i18.17a83a81z5qBtx" class="selected"></path><path d="M726.233782 406.839257l-244.837356 267.728118c-11.997705 13.124271-31.201925 12.729754-42.660456-0.885472l-116.062568-137.905668c-11.458532-13.606459-11.436614-35.353122 0.061369-48.332737 11.497984-12.983998 32.841363-15.267814 47.434115-5.067354l62.864119 43.852775c14.592752 10.191694 37.943785 9.472796 51.874624-1.586835l197.372557-156.605783c13.94399-11.059631 34.436965-12.230032 45.571117-2.595046 11.134151 9.63937 10.406486 28.26058-1.617521 41.398002z" fill="#ffffff" p-id="10926" data-spm-anchor-id="a313x.search_index.0.i19.17a83a81z5qBtx" class=""></path></svg>',
                    rzname:'ISO质量认证',
                    desc:'国际质量管理体系认证'
                },
                {
                    icon:'<svg t="1754189095594" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8244" width="50" height="50"><path d="M923.63904 424.82944c0-231.85792-184.29568-419.80544-411.64416-419.80544-227.34208 0-411.63904 187.94752-411.63904 419.80544 0 7.35872 0.7104 14.47168 1.08288 21.67552-0.33792 3.5584-1.08288 6.99008-1.08288 10.64192 0 258.38592 379.97952 551.06688 379.97952 551.06688s31.66336 24.21504 63.328 0c31.66336-24.24192 379.97952-292.68096 379.97952-551.06688 0-3.65184-0.74496-7.08352-1.08288-10.64192C922.92864 439.30112 923.63904 432.18816 923.63904 424.82944L923.63904 424.82944zM511.99488 586.336c-87.44832 0-158.31936-72.29312-158.31936-161.50656 0-89.15072 70.86976-161.4464 158.31936-161.4464 87.45344 0 158.32832 72.29568 158.32832 161.4464C670.3232 514.04288 599.44832 586.336 511.99488 586.336L511.99488 586.336zM511.99488 586.336" fill="#2e7d32" p-id="8245"></path></svg>',
                    rzname:'地理标志认证',
                    desc:'特定地域生产的农产品认证'
                },
                {
                    icon:'<svg t="1754189159514" class="icon" viewBox="0 0 1134 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9470" width="50" height="50"><path d="M12.809 170.832l386.034-0.425c6.582-0.389 11.323-3.22 12.95-9.801L447.32 44.159c14.755-30.112 37.153-46.424 70.767-42.673L771.361 0l-0.106 49.643-240.113 0.779c-16.7 2.158-27.917 10.508-33.614 25.086l-23.495 79.224c-2.724 11.323 0.142 16.489 8.74 15.534l80.745 0.035-44.76 754.165H63.23L12.81 170.832zM130.424 1024l902.563-4.388c65.778-7.04 97.022 7.183 100.879-70.236L0 953.764c1.238 70.838 55.375 68.927 130.424 70.236z m522.863-100.595l356.913-2.3c65.814-7.077 78.092-42.107 81.984-119.526l-521.801 0.602c-2.83 76.003 10.19 111.245 82.904 121.224z m-26.326-300.16c-41.257 2.938-67.724 23.637-70.448 72.785 3.467 47.661 31.562 66.132 70.767 71.404 19.567-1.345 38.957-9.094 53.216-22.398 16.206 13.41 33.65 21.23 55.199 22.68 20.31 0.107 36.799-5.2 47.838-18.399 10.05 11.819 26.29 17.905 49.254 17.728 23.106-0.036 41.576-7.43 51.66-17.515 12.738 12.844 29.652 18.505 49.36 19.284 19.355-2.725 34.818-9.73 47.202-18.4 16.206 15.038 35.525 19.567 56.755 17.586 45.928-9.943 65.389-37.471 62.841-79.684-6.793-45.538-31.81-63.442-67.44-65.106-19.992-2.406-37.861 5.697-54.562 19.674-13.41-14.401-30.36-20.275-50.917-17.621-16.312-3.432-31.987 3.22-47.237 16.842-10.049-11.216-25.229-16.771-44.548-17.904-15.781-0.778-34.464 4.07-48.192 17.338-1.699 1.628-3.291 1.203-4.565 0.46-14.153-15.462-32.34-19.39-52.863-19.284-19.992-0.212-35.525 8.563-47.945 23.495-16.594-17.975-35.065-25.653-55.375-22.964z m57.675-159.473c-78.834 8.421-116.836 50.705-114.005 126.709h520.456c-3.892-77.42-38.71-119.632-104.523-126.709H684.636zM68.467 230.17l7.183 142.56c2.3 7.325 6.83 11.43 14.826 10.757l251.86-2.866c5.838-0.07 9.518-2.937 11.358-8.103l37.754-139.482c-0.778-5.166-3.043-8.669-7.996-9.058l-307.59 0.354c-4.423 0.07-6.9 2.052-7.395 5.838z m435.006 142.277l7.182-139.092c-2.264-7.29-4.316-9.519-10.898-9.2l-37.436-0.743c-5.909 0.141-9.553 3.007-11.393 8.173l-38.851 138.492c0.778 5.236 3.007 8.669 7.961 9.093l76.004-0.814c4.458-0.07 6.9-2.087 7.43-5.909z" fill="#2e7d32" p-id="9471"></path></svg>',
                    rzname:'食品安全认证',
                    desc:'食品安全管理体系认证'
                }
            ]
        }
    },
}
</script>

<style saoped>
.modulename{
    text-align: left;
    margin: 20px;
    font-size: 30px;
}
.rzcard{
    height: 150px;
    border-radius: 10px;
    background-color: #f5f7fa;
    margin: 10px;
    padding: 25px;

    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: start;
}
.rzname{
    font-size: 20px;
}
.desc{
    font-size: 18px;
    color: gray;
}
</style>